<!DOCTYPE html>
<html>
<head>
	<title>插入结点</title>
</head>
<body>

<div>
	<ul>
		<li>1</li>
		<li>sdf</li>
		<li>asd</li>
	</ul>
</div>

<script type="text/javascript">
	
// insertBefore(x1, x2)			x1添加的元素		x2相对位置
// 如果x1是已经存在的元素，那么该元素也会发生改变

var ul = document.getElementsByTagName('ul')[0];
var li = ul.children[2];
ul.insertBefore(li, ul.children[0]);

</script>
</body>
</html>